<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>science for people</title>
    <link type="text/css" href="css/main.css" rel="stylesheet" />
</head>

<body>
	<div class="contain">
    	<div class="header">
        	<a href="#"><div class="logo"></div></a>
            <div class="guidance">
            	<ul>
                	<a href="#"><li>contacts</li></a>
                    <a href="#"><li>sitemap</li></a>
                    <a href="#"><li>home</li></a>
                </ul>
            </div>
        </div>
        
        <div class="top">
            <table cellpadding="0">
                <tr>
                    <td class="top_left">
                        <a href="#"><div class="nav nav_news"><div class="nav_span">News</div></div></a>
                        <a href="#"><div class="nav nav_research"><div class="nav_span">Research</div></div></a>
                        <a href="#"><div class="nav nav_group"><div class="nav_span">Group</div></div></a>
                        <a href="#"><div class="nav nav_publicationd"><div class="nav_span">Publications</div></div></a>
                        <a href="#"><div class="nav nav_contact"><div class="nav_span">Contact us</div></div></a>
                    </td>
                    <td class="top_right">
                        <div class="top_left_flash"><a href="#"><img src="images/top_left_pic.gif" /></a></div>
                    </td>
                </tr>
            </table>
        </div>
        
        <div class="down">
        	<table cellpadding="0" class="part_2Tb">
                <tr>
                    <td class="down_left">
                        <div class="news_nav"><img src="images/file_ico.gif" class="news_file_pic" /><span class="text_1">news</span><span class="text_1 text_2">&events_</span></div>
                        <div class="news">
                            <ul>
                                <li>
                                    <p class="time">24.06.2006</p>
                                    <p class="text"><strong>Lorem ipsum dolor</strong> sit amet er adipiscing elit. Nullam onsuat commodo arcu. Donec sit amet </p>
                                </li>
                                <li>
                                    <p class="time">24.06.2006</p>
                                    <p class="text"><strong>Lorem ipsum dolor</strong> sit amet er adipiscing elit. Nullam onsuat commodo arcu. Donec sit amet </p>
                                </li>
                                <li>
                                    <p class="time">24.06.2006</p>
                                    <p class="text"><strong>Lorem ipsum dolor</strong> sit amet er adipiscing elit. Nullam onsuat commodo arcu. Donec sit amet </p>
                                </li>
                            </ul>
                            <a href="#"><p class="link">Message Archive</p></a>
                        </div>
                    </td>
                    <td class="down_center">
                        <div class="news_research"><img src="images/file_ico.gif" class="news_file_pic" /><span class="text_1">Research</span></div>
                        <div class="research">
                            <div class="part_1">
                              <div>
                            <p class="text_3"><a href="#"><img src="images/research_pic.gif" /></a>Welcome_</p>
                                    <span class="text"><strong>Lorem ipsum dolor.</strong> Sit amet er adipiscing elit nu uat cu. Donec sit amet orci sit amet lorem. </span>
                              </div>
                                <p class="text"><strong>Donec sit amet orci sit</strong> amet lorem nonummy ngue habitse. platea dictumst. Proin hendrerit pharetra nisl. Sed vestibulum porta augue. </p>
                            </div>
                            <div class="part_2">
                                <p class="text"><a href="#">Nullam onsuat cu. Donec sit amet orci sit amet lorem nonummy congue.</a> In hac habitasse platea dictumst. Proin hendrerit pharetra nisl sed bulum porta. augue aenean malesuada justo eget am.</p>
                            </div>
                            <a href="#"><p class="link">Message Archive</p></a>
                        </div>
                    </td>
                    <td class="down_right">
                        <div class="news_publications"><img src="images/file_ico.gif" class="news_file_pic" /><span class="text_1">Publications</span></div>
                        <div class="publications">
                            <div class="parts">
                                <a href="#"><img src="images/part_top_pic.gif" /></a>
                                <span class="text"><strong>Donec sit amet orci sit</strong> amet lorem nonummy ngue habitse tea ctumst. Proin hendrerit pharetra nisl sed ulum porta augue. </span>
                            </div>
                            <div class="parts">
                                <a href="#"><img src="images/part_mid_pic.gif" /></a>
                                <span class="text"><strong>Donec sit amet orci sit</strong> amet lorem nonummy ngue habitse tea ctumst. Proin hendrerit pharetra nisl sed ulum porta augue. </span>
                            </div>
                            <div class="parts" style="border:none">
                                <a href="#"><img src="images/part_down_pic.gif" /></a>
                                <span class="text"><strong>Donec sit amet orci sit</strong> amet lorem nonummy ngue habitse tea ctumst. Proin hendrerit pharetra nisl sed ulum porta augue. </span>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
            
      </div>
        
        <div class="footer">
        	<div class="one">
                <a href="#">  news</a> 
                |<a href="#"> research</a> 
                |<a href="#">  grouup</a>
                |<a href="#">  publications</a>
                |<a href="#">  contact us</a>
            </div>
            <div class="two">
            	<a href="#">  nadc © 2011</a> 
                <a href="#">| Privacy Policy</a> 
                <a href="#">| Terms of Use</a>
            </div>
        </div>
    </div>
</body>
</html>
